<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body onload="alert('页面加载完毕')">
    <h1 id="id1">myH1</h1>
    <button type="button" onclick="document.getElementById('id1').style.color='red'">button</button>

    <h1 onclick="this.innerHTML='改变内容!'">点击文本!</h1>

    <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
    <script>
        function mOver(obj){
            obj.innerHTML="Thank You"
        }
        function mOut(obj){
            obj.innerHTML="Mouse Over Me"
        }
    </script>
</body>
</html>